<!DOCTYPE html>
<html>
  <head>
    <title>Death project - add a person</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <!-- Bootstrap -->
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
    <link href="css/font-awesome.css" rel="stylesheet" media="screen">
    <!-- JavaScript plugins (requires jQuery) -->
    <script src="http://code.jquery.com/jquery.js"></script>
  </head>
  <body>
    <div class="navbar navbar-inverse navbar-fixed-top bs-docs-nav header">
      <div class="container">
        <button class="navbar-toggle" type="button" data-toggle="collapse" data-target=".bs-navbar-collapse">
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
          <span class="icon-bar"></span>
        </button>
        <a href="index.html" class="navbar-brand">LOGO</a>
        <div class="nav-collapse collapse bs-navbar-collapse">
          <ul class="nav navbar-nav">
            <li>
              <input type="text" class="form-control" style="margin-top:5px" placeholder="Enter your text">
            </li>
            <li>
              <a href="#"><i class="icon-envelope-alt"></i> Message</a>
            </li>
            <li class="active">
              <a href="#"><i class="icon-info-sign"></i> Notification</a>
            </li>
            <li>
              <a href="#"><i class="icon-wrench"> Setting</i></a>
            </li>
          </ul>
        </div>
      </div>
    </div>
    <div style="padding:80px 30px 40px">
	    <div class="container">
	        
	        <div class="row">
	        	<div class="col-lg-2">
		              <ul class="nav nav nav-pills nav-stacked">
		                <li class="active"><a href="#">Tributes</a></li>
		                <li><a href="add_a_person.html">Add a person</a></li>
		                <li><a href="#">Anniversary</a></li>
		                <li><a href="#">Respected people</a></li>
		                <li><a href="#">My added dead people</a></li>
		                <li><a href="#">News</a></li>
		              </ul>
		          </div>
	        	<div class="col-lg-10">
	        		<form class="form-horizontal">
	        			<fieldset>
    						<legend>Add a person</legend>
							  <div class="form-group">
							    <label for="inputEmail2" class="col-lg-2 control-label">Name</label>
							    <div class="col-lg-10">
							      <input type="text" class="form-control" id="inputPassword2" placeholder="Enter name">
							    </div>
							  </div>
							  <div class="form-group">
							    <label for="inputPassword2" class="col-lg-2 control-label">Date of birth</label>
							    <div class="col-lg-4">
							      <input type="datetime" class="form-control" id="inputPassword2" placeholder="Date of birth">
							    </div>
							    <label for="inputPassword2" class="col-lg-2 control-label">Date of death</label>
							    <div class="col-lg-4">
							      <input type="datetime" class="form-control" id="inputPassword2" placeholder="Date of death">
							    </div>
							  </div>
							  <div class="form-group">
							    <label for="inputPassword2" class="col-lg-2 control-label">Country</label>
							    <div class="col-lg-4">
							      <select class="form-control" placeholder="Date of birth">
							      		<option>Select a country</option>
							      </select> 
							    </div>
							    <label for="inputPassword2" class="col-lg-2 control-label">Date of death</label>
							    <div class="col-lg-4">
							      <select class="form-control" placeholder="Date of birth">
							      		<option>Select a state</option>
							      </select> 
							    </div>
							  </div>
							  <div class="form-group">
								    <label for="inputEmail2" class="col-lg-2 control-label">Description</label>
								    <div class="col-lg-10">
								      <textarea row="3" class="form-control"></textarea>
								    </div>
							  </div>
							  <div class="form-group">
								    <label for="inputPassword2" class="col-lg-2 control-label">Public</label>
								    <div class="col-lg-1">
								      <input type="radio" checked name="chk" value="1">
								    </div>
								    <label for="inputPassword2" class="col-lg-2 control-label">Private</label>
								    <div class="col-lg-1">
								      <input type="radio" name="chk" value="0">
								    </div> 
							  </div>
							  <div class="form-group">
							      <label for="exampleInputFile" class="col-lg-2 control-label">Photo cover</label>
							      <input type="file" id="exampleInputFile" class="col-lg-8 control-label">
							      <!--<p class="help-block">Example block-level help text here.</p>-->
							    </div>
							   <p class="col-lg-offset-1">
							   		<button type="button" class="btn btn-primary">Submit</button>
							   </p>
						</fieldset>
					</form>
	        	</div><!--End col 10-->
	        </div>
	    </div>

  	</div>
    
    <!-- Include all compiled plugins (below), or include individual files as needed -->
    <script src="js/bootstrap.min.js"></script>

    <!-- Enable responsive features in IE8 with Respond.js (https://github.com/scottjehl/Respond) -->
    <script src="js/respond.js"></script>
    <script src="js/holder.js"></script>
  	<script type="text/javascript" src="js/showLess_More.js"></script>
  </body>
</html>